<template>
  <view class="app-weipinhui-page-collect">
    <topNav002></topNav002>
    <component :is="activeComponentName"></component>
  </view>
</template>

<script>
import { defineComponent, reactive, toRefs } from "vue";
import collect from "./collect.vue";
export default defineComponent({
  name: "",
  props: {},
  components: {
    collect,
  },

  setup() {
    const data = reactive({
      activeComponentName: "collect",
    });
    return {
      ...toRefs(data),
    };
  },
});
</script>

<style scoped lang="less">
.app-weipinhui-page-collect {
  position: relative;
  height: 100vh;
  width: 100%;
  //   渐变
  background: linear-gradient(to right top, #f3defb 70%, #f1f4f9);
  padding-top: 80rpx;
  box-sizing: border-box;
}
</style>
